<template>
  <div class="user-add-or-update">
    <el-drawer title="查看详情" :visible.sync="drawer" custom-class="demo-drawer" direction="rtl">
      <div class="demo-drawer__content">
        <div class="rightScrollNone">
          <el-descriptions title="详细信息" :column="1" :colon="true">
            <el-descriptions-item label="园区名称">{{ rowData.park_name }}</el-descriptions-item>
            <el-descriptions-item label="联系电话">{{ rowData.contact_info }}</el-descriptions-item>
            <el-descriptions-item label="地址">{{ rowData.park_address }}</el-descriptions-item>
            <el-descriptions-item label="园区介绍"> {{ rowData.park_description }} </el-descriptions-item>
          </el-descriptions>
        </div>
        <el-row style="margin-top: 20px">
          <el-button size="mini" @click="onClose">关闭</el-button>
        </el-row>
      </div>
    </el-drawer>
  </div>
</template>
<script>
export default {
  data() {
    return {
      drawer: false,
      rowData: {},
    }
  },
  mounted() {},
  methods: {
    // 打开弹出层
    open(row) {
      if (this.drawer) {
        return
      }
      this.rowData = row || null
      this.drawer = true
    },
    // 关闭弹出层
    onClose() {
      this.drawer = false
    },
  },
}
</script>
<style lang="scss"></style>
